<template>
  <el-container>
    <RouterView />
  </el-container>
</template>

<script setup lang="ts">
import { RouterView } from 'vue-router'
</script>

<style scoped>
el-header, el-footer { 
  padding: 0; 
}

.el-container { 
  height: 100vh; 
  width: 100vw; 
  margin: 0; 
  padding: 0 150px; /* 新增：左右各 100px 内边距，可按需调整 */
  overflow-x: hidden; /* 禁止水平滚动 */ 
  box-sizing: border-box; /* 确保内边距包含在宽度内 */
}
</style>

<style>
.logo { 
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover { 
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover { 
  filter: drop-shadow(0 0 2em #42b883aa);
}

.page-bg {
  min-height: 100vh;
  width: 100vw;
  background: linear-gradient(135deg, #b2f0e6 0%, #fbeee6 100%);
  /* 可根据品牌色调整渐变色 */
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
</style>
